<template>
	<view class="uni_box home">
		<navbar title='发布成功'>
		</navbar>
		<view class="content">
			<image class="img_fbcg" src="@/pages_admin/static/img_fbcg.png" />
			<text class="faname">已成功发布招工</text>
			<view class="fabtn" @click="getcha(1)">查看招工</view>
			<view class="fabtntwo" @click="getcha(2)">返回首页</view>
		</view>

		<!-- 温馨提示说明 -->
		<u-popup  v-model="zhaoshow" mode="center" width="80%" ref="auth" :mask-close-able="false" :custom="true" :mask-click="false" @close="closezhao">
            <view class="popone">
                <image class="bg" :src="ossThree('/uploads/20250404/a6740382ebb9492d9ed8c12c1e42d198.png')" mode="" />
                <view class="phonenav">
                    <view class="cha" @click="closezhao">
                        <image class="icon_gbcha" src="@/pages_admin/static/icon_gbcha.png" mode="" />
                    </view>
                    <text class="jiename">温馨提示</text>
                    <view class="queli">
                        <view class="queitem">
                            <image class="icon_xz_s" src="@/pages_admin/static/icon_xz_s.png" mode="" />
                            <text>请注意接听员工电话!</text>
                        </view>
                        <view class="queitem">
                            <image class="icon_xz_s" src="@/pages_admin/static/icon_xz_s.png" mode="" />
                            <text>禁止添加员工微信及飞单，否则将被封号且概不退费!</text>
                        </view>
						<view class="queitem">
                            <image class="icon_xz_s" src="@/pages_admin/static/icon_xz_s.png" mode="" />
                            <text>员工完工后，请立即通过平台支付工资(禁止线下支付)!</text>
                        </view>
                    </view>
                    <view class="dianbtn"  @click="closezhao">
                        <text class="bm">知道了</text>
                    </view>
                    <!-- <text class="kaolv"  @click="closeorder">取消</text> -->
                </view>
                
            </view>
        </u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				zhaoshow:true
			}
		},
		onLoad() {
			
		},
		onShow() {
		},
		methods: {
			getcha(e){
				if(e == 1){
					uni.switchTab({ url: '/pages/tabbar/ClientOrder',animationType:'slide-in-right' })
				}else if(e == 2){
					uni.switchTab({ url: '/pages/tabbar/ClientHome',animationType:'slide-in-right' })
				}
			},
			closezhao(){
				this.zhaoshow = false
			}
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #fff;
	}
	.content{
		background-color: #fff;
        min-height: 100vh;
		padding: 50rpx 50rpx;
		display: flex;
		flex-direction: column;
		// justify-content: center;
		align-items: center;
		.img_fbcg{
			width: 200rpx;
			height: 200rpx;
		}
		.faname{
			font-weight: bold;
			font-size: 44rpx;
			color: #111111;
			display: block;
			margin-bottom: 70rpx;
		}
		.fabtn{
			height: 90rpx;
			background: linear-gradient(90deg, #FF8F39, #FF4D43);
			border-radius: 45rpx;
			width: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			font-weight: bold;
			font-size: 28rpx;
			color: #FFFFFF;
			margin-bottom: 30rpx;
		}
		.fabtntwo{
			height: 90rpx;
			background: #EEEEEE;
			border-radius: 45rpx;
			width: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			font-weight: bold;
			font-size: 28rpx;
			color: #333333;
		}
	}

	/deep/.u-mode-center-box{
        background-color: transparent;
    }

	.popone{
        width: 100%;
        background: #FFFFFF;
        border-radius: 30rpx;
        // height: 530rpx;
        .bg{
            position: absolute;
            width: 100%;
            height: 300rpx;
            border-radius: 30rpx 30rpx 0 0 ;
        }
        .icon_gbcha{
            width: 40rpx;
            height: 40rpx;
            margin-left: auto;
            position: absolute;
            right: 30rpx;
            top: 30rpx;
        }
        .yuedu{
            height: 80rpx;
            display: flex;
            padding: 0 30rpx;
            align-items: center;
            .icon_xz_n{
                width: 36rpx;
                height: 36rpx;
                margin-right: 8rpx;
            }
            .xy{
                font-weight: 500;
                font-size: 20rpx;
                color: #999999;
                display: block;
                width: 90%;
            }
            .xyhu{
                color: rgba(234, 89, 24, 1);
            }
        }
        .kaolv{
            font-weight: bold;
            font-size: 28rpx;
            color: #666666;
            display: block;
            text-align: center;
            margin-top: 20rpx;
        }
        .phonenav{
            position: relative;
            // margin: 30rpx;
            display: flex;
            flex-direction: column;
            // justify-content: center;
            align-items: center;
            padding: 40rpx 20rpx;
            .img_aq{
                width: 173rpx;
                height: 211rpx;
                margin-bottom: 20rpx;
            }
            .jiename{
                font-weight: bold;
                font-size: 36rpx;
                color: #111111;
            }
            .queren{
                font-weight: 400;
                font-size: 24rpx;
                color: #666666;
                display: block;
                margin: 40rpx 0 80rpx;
            }
            .chaka{
                padding: 30rpx;
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                background: #F6F7F9;
                border-radius: 16rpx;
                margin: 25rpx 0;
                .chaname{
                    font-weight: bold;
                    font-size: 28rpx;
                    color: #111111;
                }
                .phonenum{
                    display: block;
                    font-weight: bold;
                    font-size: 50rpx;
                    color: #F06047;
                    margin: 10rpx 0;
                }
                .xiugai{
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    .noben{
                        font-weight: 400;
                        font-size: 24rpx;
                        color: #666666;
                    }
                    .xiu{
                        font-weight: 400;
                        font-size: 24rpx;
                        color: #F06047;
                        display: inline-block;
                        margin-left: 6rpx;
                    }
                }
            }
            .dianbtn{
                height: 90rpx;
                background: linear-gradient(90deg, #FF8F39, #FF4D43);
                border-radius: 45rpx;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                margin-top: 20rpx;
                .bm{
                    font-weight: bold;
                    font-size: 28rpx;
                    color: #FFFFFF;
                }
                .bmmaio{
                    font-weight: 500;
                    font-size: 20rpx;
                    color: #FFFFFF;
                }
            }
            .bzhang{
                display: flex;
                flex-direction: row;
                align-items: center;
                margin-top: 30rpx;
                .icon_ts{
                    margin-right: 6rpx;
                    width: 24rpx;
                    height: 24rpx;
                }
                .zhiname{
                    font-weight: 400;
                    font-size: 20rpx;
                    color: #F06047;
                }
            }
        }
    }
	.queli{
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 40rpx 0rpx 70rpx;
		// justify-content: center;
		// align-items: center;
        .queitem{
            display: flex;
            flex-direction: row;
            align-items: center;
            width: 100%;
			margin-bottom: 20rpx;
			padding-left: 30rpx;
			// justify-content: center;
            .icon_xz_s{
                margin-right: 15rpx;
                width: 36rpx;
                height: 36rpx;
            }
            text{
                font-weight: 500;
                font-size: 28rpx;
                color: #111111;
				max-width: 80%;
            }
        }
    }
</style>
